<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/home.css">
    <link rel="stylesheet" href="/js/library/_font-awesome@4.7.0@font-awesome\css\font-awesome.css">
</head>
<body>
<header>
    <div class="left">
        <div style="padding: 10px;">

            <a href="https://github.com/shaolun-Ryan/delta-map-system"><i class="icon fa fa-github select"
                                                                          aria-hidden="true"></i></a>

            <a href="/gallery"><span class="gallery select select-text">Gallery</span></a>
            <a href="#about"><span class="about select select-text">About</span></a>
        </div>

    </div>
    <div class="mid"></div>
    <div class="right">
        <a href="/build/upload" class="button button-large">
            <span>HAVE A TRY!</span>
        </a>
    </div>
    <div class="logo-header">
        <a href="/">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
                 y="0px"
                 viewBox="0 5 220 85" width="180" height="65">
                <style type="text/css">
                    .st0 {
                        fill: none;
                        stroke: #DD2911;
                        stroke-width: 2px;
                    }

                    .st1 {
                        fill: none;
                        stroke: #007E45;
                        stroke-width: 2px;
                    }

                    .st2 {
                        fill: #4737FF;
                    }

                    .st3 {
                        fill: none;
                    }
                </style>
                <g>
                    <line class="st0" x1="117.3" y1="38.1" x2="80.6" y2="19.8"/>
                    <line class="st1" x1="52.6" y1="24.2" x2="153.4" y2="39.5"/>
                    <circle class="st2" cx="193.6" cy="44.2" r="4"/>
                </g>
                <g>
                    <rect x="14" y="12.3" class="st3" width="176.6" height="44.4"/>
                    <path class="st2" d="M19.9,17.1h9.5c6.8,0,10.4,4.6,10.4,10.2c0,7.7-5,13.1-14.2,13.1H15L19.9,17.1z M21.2,36h4.9
                    c5.6,0,8-4.1,8-8.5c0-4-2.1-6.1-6-6.1h-3.8L21.2,36z"/>
                    <path class="st2" d="M47.5,33.1c0,0.1,0,0.3,0,0.5c0,1.9,1,3.4,3.5,3.4c2,0,2.8-0.6,3.5-1.6h5.3c-1.1,2.9-3.9,5.5-9.2,5.5
                    c-5.7,0-8.1-3.5-8.1-7.8c0-4.7,3.2-10.2,10.4-10.2c5.6,0,8.1,3.3,8.1,7.3c0,1-0.1,1.8-0.4,2.9H47.5z M56,29.8c0-0.1,0-0.2,0-0.3
                    c0-1.8-1.1-2.9-3.4-2.9c-2.4,0-3.8,1.4-4.3,3.3H56z"/>
                    <path class="st2" d="M62.5,40.4l5.2-24.6h5.1l-5.2,24.6H62.5z"/>
                    <path class="st2" d="M73.8,23.3h3l1.1-5.1H83l-1.1,5.1h3.8l-0.8,3.8h-3.8l-1.6,7.4c-0.3,1.5-0.2,2.1,1.4,2.1c0.5,0,1.4,0,1.8-0.1
                    L82,40.1c-0.9,0.3-2.1,0.4-3.3,0.4c-4,0-5.1-1.9-4.4-5.1l1.8-8.3h-3L73.8,23.3z"/>
                    <path class="st2" d="M102.5,35.8c-0.5,2.3-0.8,3.9-0.9,4.6h-5c0-0.5,0.1-1.5,0.2-2.1c-1.1,1.5-2.9,2.5-6,2.5c-4.4,0-5.8-2.8-5.8-5
                    c0-4.9,5-6,9.3-6.4c1.3-0.1,3.2-0.2,4.4-0.2l0.1-0.3c0.3-1.4-0.4-2.6-2.9-2.6c-2,0-3,0.7-3.4,1.9h-5.3c0.6-2.5,2.5-5.4,8.8-5.4
                    c7.5,0,8.5,3.6,7.7,7.1L102.5,35.8z M98,32.6c-1.2,0-2.5,0.1-3.5,0.2c-1.8,0.2-4.1,0.6-4.1,2.5c0,1,0.8,1.7,2.4,1.7
                    c2.8,0,4.5-1.3,5.2-4.2L98,32.6z"/>
                    <path class="st2" d="M138.2,31.5c0.8-4,1.9-8.2,2.6-10.8h0c-1.9,4.2-5.7,11.1-10.1,19.7h-4.8c-0.5-7.1-1.2-15.3-1.4-19.7h0
                    c-0.4,2.7-1.2,7.2-2,11.2l-1.8,8.5h-4.9l4.9-23.2h7.8c0.6,6.6,1.4,14.5,1.4,16.5h0c1.3-2.7,5.2-9.8,8.7-16.5h7.8l-4.9,23.2h-5.2
                    L138.2,31.5z"/>
                    <path class="st2" d="M163.6,35.8c-0.5,2.3-0.8,3.9-0.9,4.6h-5c0-0.5,0.1-1.5,0.2-2.1c-1.1,1.5-2.9,2.5-6,2.5c-4.4,0-5.8-2.8-5.8-5
                    c0-4.9,5-6,9.3-6.4c1.3-0.1,3.2-0.2,4.4-0.2l0.1-0.3c0.3-1.4-0.4-2.6-2.9-2.6c-2,0-3,0.7-3.4,1.9h-5.3c0.6-2.5,2.5-5.4,8.8-5.4
                    c7.5,0,8.5,3.6,7.7,7.1L163.6,35.8z M159.1,32.6c-1.2,0-2.5,0.1-3.5,0.2c-1.8,0.2-4.1,0.6-4.1,2.5c0,1,0.8,1.7,2.4,1.7
                    c2.8,0,4.5-1.3,5.2-4.2L159.1,32.6z"/>
                    <path class="st2" d="M172.6,38.6l-1.9,9h-5.1l4.1-19.3c0.5-2.3,0.8-4.1,1-4.9h5.1c0,0.4-0.1,1-0.3,2c1.3-1.4,2.8-2.5,5.8-2.5
                    c4.1,0,6.6,3.2,6.6,7.2c0,5.6-3.5,10.8-9.9,10.8C174.7,40.9,173.3,39.6,172.6,38.6z M182.4,30.6c0-2.1-0.9-3.7-3.4-3.7
                    c-2.6,0-4.5,1.8-5.1,4.9c-0.6,3.1,0.7,4.9,3.4,4.9C180.6,36.7,182.4,34.1,182.4,30.6z"/>
                </g>
            </svg>
        </a>
    </div>
</header>
<main>
    <div class="main-left">
        <img src="static/456.png">
    </div>

    <div class="main-right">
        <h1>
            The best way to observe the variation of each ego in a group cluster
        </h1>
        <p>
            The main visual metaphor is the delta map, generated according to the delta of each ego in a group during
            two stages.
        </p>
        <div class="explain">
            <div class="explain-green padding">
                <i class="fa fa-arrow-left" aria-hidden="true"></i>
                <span>
                        The outer semicircle and inner semicircle represent Stage1 and Stage2 respectively.
                    </span>
            </div>
            <div class="explain-green padding">
                <i class="fa fa-arrow-left one" aria-hidden="true"></i>
                <span>
                        Stroke in green denotes the ego whose value rises.
                    </span>
            </div>
            <div class="explain-red padding">
                <i class="fa fa-arrow-left two" aria-hidden="true"></i>
                <span>Stroke in red denotes the ego whose value drops.</span>
            </div>
            <div class="explain-length padding ">
                <i class="fa fa-arrow-left three" aria-hidden="true"></i>
                <span>The inner semicircle includes ego with a delta value greater than the set threshold.</span>
            </div>
            <div class="explain-length padding">
                <i class="fa fa-arrow-left four" aria-hidden="true"></i>
                <span>The length of strokes denote the delta value.</span>
            </div>
        </div>
    </div>
</main>

<div class="btn-try">

    <a href="/build/upload"><span>Build It Now!</span></a>

</div>

<a name="about"></a>
<div class="words">
    <div class="why">
        <span>Why Delta Map?</span>
    </div>
    <p>
        Delta Map is a brand new graphical design solution for observing each changes in a group. Ranks or fractional
        segments are arranged in order. Users can visually observe the value changes of all members in two stages within
        a group by observing the color and length of strokes. What's more, it can filter out the best result set if the
        user adjusts the sensitivity via GUI. The way to adjust sensitivity can be based on the number of filters, the
        minimum value or the algorithm we set to help you complete ego filtering to easily obtain the delta that meets
        the conditions. Delta Map can be used in almost all the situations for the comparison of two stages. Here, you
        only need to import the data you want to visualize, Delta Map will help you complete all the remaining work. You
        only need to adjust the parameters interactively to achieve the best results. Don't hesitate, try it now!
    </p>
</div>

<div class="install">
    Download the package, please install via npm

    npm install guans-deltamap

    The composer version is on the way.
</div>

<footer>
    <div class="info-left">
        <div class="logo">
                <span class="logo-left">
                    <div class="logo-header">
        <a href="/">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                         x="0px" y="0px"
                         viewBox="0 5 220 85" width="180" height="65">
                <style type="text/css">
                    .st0 {
                        fill: none;
                        stroke: #DD2911;
                        stroke-width: 2px;
                    }

                    .st1 {
                        fill: none;
                        stroke: #007E45;
                        stroke-width: 2px;
                    }

                    .st2 {
                        fill: #4737FF;
                    }

                    .st3 {
                        fill: none;
                    }
                </style>
                <g>
                    <line class="st0" x1="117.3" y1="38.1" x2="80.6" y2="19.8"/>
                    <line class="st1" x1="52.6" y1="24.2" x2="153.4" y2="39.5"/>
                    <circle class="st2" cx="193.6" cy="44.2" r="4"/>
                </g>
                <g>
                    <rect x="14" y="12.3" class="st3" width="176.6" height="44.4"/>
                    <path class="st2" d="M19.9,17.1h9.5c6.8,0,10.4,4.6,10.4,10.2c0,7.7-5,13.1-14.2,13.1H15L19.9,17.1z M21.2,36h4.9
                    c5.6,0,8-4.1,8-8.5c0-4-2.1-6.1-6-6.1h-3.8L21.2,36z"/>
                    <path class="st2" d="M47.5,33.1c0,0.1,0,0.3,0,0.5c0,1.9,1,3.4,3.5,3.4c2,0,2.8-0.6,3.5-1.6h5.3c-1.1,2.9-3.9,5.5-9.2,5.5
                    c-5.7,0-8.1-3.5-8.1-7.8c0-4.7,3.2-10.2,10.4-10.2c5.6,0,8.1,3.3,8.1,7.3c0,1-0.1,1.8-0.4,2.9H47.5z M56,29.8c0-0.1,0-0.2,0-0.3
                    c0-1.8-1.1-2.9-3.4-2.9c-2.4,0-3.8,1.4-4.3,3.3H56z"/>
                    <path class="st2" d="M62.5,40.4l5.2-24.6h5.1l-5.2,24.6H62.5z"/>
                    <path class="st2" d="M73.8,23.3h3l1.1-5.1H83l-1.1,5.1h3.8l-0.8,3.8h-3.8l-1.6,7.4c-0.3,1.5-0.2,2.1,1.4,2.1c0.5,0,1.4,0,1.8-0.1
                    L82,40.1c-0.9,0.3-2.1,0.4-3.3,0.4c-4,0-5.1-1.9-4.4-5.1l1.8-8.3h-3L73.8,23.3z"/>
                    <path class="st2" d="M102.5,35.8c-0.5,2.3-0.8,3.9-0.9,4.6h-5c0-0.5,0.1-1.5,0.2-2.1c-1.1,1.5-2.9,2.5-6,2.5c-4.4,0-5.8-2.8-5.8-5
                    c0-4.9,5-6,9.3-6.4c1.3-0.1,3.2-0.2,4.4-0.2l0.1-0.3c0.3-1.4-0.4-2.6-2.9-2.6c-2,0-3,0.7-3.4,1.9h-5.3c0.6-2.5,2.5-5.4,8.8-5.4
                    c7.5,0,8.5,3.6,7.7,7.1L102.5,35.8z M98,32.6c-1.2,0-2.5,0.1-3.5,0.2c-1.8,0.2-4.1,0.6-4.1,2.5c0,1,0.8,1.7,2.4,1.7
                    c2.8,0,4.5-1.3,5.2-4.2L98,32.6z"/>
                    <path class="st2" d="M138.2,31.5c0.8-4,1.9-8.2,2.6-10.8h0c-1.9,4.2-5.7,11.1-10.1,19.7h-4.8c-0.5-7.1-1.2-15.3-1.4-19.7h0
                    c-0.4,2.7-1.2,7.2-2,11.2l-1.8,8.5h-4.9l4.9-23.2h7.8c0.6,6.6,1.4,14.5,1.4,16.5h0c1.3-2.7,5.2-9.8,8.7-16.5h7.8l-4.9,23.2h-5.2
                    L138.2,31.5z"/>
                    <path class="st2" d="M163.6,35.8c-0.5,2.3-0.8,3.9-0.9,4.6h-5c0-0.5,0.1-1.5,0.2-2.1c-1.1,1.5-2.9,2.5-6,2.5c-4.4,0-5.8-2.8-5.8-5
                    c0-4.9,5-6,9.3-6.4c1.3-0.1,3.2-0.2,4.4-0.2l0.1-0.3c0.3-1.4-0.4-2.6-2.9-2.6c-2,0-3,0.7-3.4,1.9h-5.3c0.6-2.5,2.5-5.4,8.8-5.4
                    c7.5,0,8.5,3.6,7.7,7.1L163.6,35.8z M159.1,32.6c-1.2,0-2.5,0.1-3.5,0.2c-1.8,0.2-4.1,0.6-4.1,2.5c0,1,0.8,1.7,2.4,1.7
                    c2.8,0,4.5-1.3,5.2-4.2L159.1,32.6z"/>
                    <path class="st2" d="M172.6,38.6l-1.9,9h-5.1l4.1-19.3c0.5-2.3,0.8-4.1,1-4.9h5.1c0,0.4-0.1,1-0.3,2c1.3-1.4,2.8-2.5,5.8-2.5
                    c4.1,0,6.6,3.2,6.6,7.2c0,5.6-3.5,10.8-9.9,10.8C174.7,40.9,173.3,39.6,172.6,38.6z M182.4,30.6c0-2.1-0.9-3.7-3.4-3.7
                    c-2.6,0-4.5,1.8-5.1,4.9c-0.6,3.1,0.7,4.9,3.4,4.9C180.6,36.7,182.4,34.1,182.4,30.6z"/>
                </g>
            </svg></a>
    </div>
                </span>
            <span class="logo-right">
                    <a href="http://www.guans.cs.kent.edu/">
                        <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg"
                             viewBox="0 25 250 100" width="150" height="75">
                    <style type="text/css">
                        .st01 {
                            fill: #FFBC4A;
                        }

                        .st11 {
                            fill: #31B729;
                        }

                        .st21 {
                            fill: #FF5D5B;
                        }

                        .st31 {
                            fill: #5171FE;
                        }

                        .st41 {
                            fill: none;
                        }

                        .st51 {
                            enable-background: new;
                        }

                        .st61 {
                            fill: #BFBFBF;
                        }
                    </style>
                    <g>
                        <g>
                            <g>
                                <path class="st01" d="M227,32.6c0.1-0.1,0.3-0.1,0.5-0.1h7.7c0.2,0,0.4,0.1,0.5,0.1l8.6-8.6c-3.3-3.3-7.9-5.3-13-5.3
                                    c-5.1,0-9.6,2-13,5.3L227,32.6z"/>
                            </g>
                            <g>
                                <path class="st11" d="M244.6,24.2l-8.6,8.6c0.1,0.1,0.1,0.3,0.1,0.5V41c0,0.2-0.1,0.4-0.1,0.5l8.5,8.5c3.3-3.3,5.3-7.9,5.3-13
                                    C249.8,32.1,247.8,27.6,244.6,24.2z"/>
                            </g>
                            <g>
                                <path class="st21" d="M235.6,41.8c-0.1,0.1-0.3,0.1-0.5,0.1h-7.7c-0.2,0-0.3,0-0.5-0.1l-8.6,8.6c3.3,3.2,7.9,5.2,12.9,5.2
                                    c5,0,9.5-2,12.9-5.2L235.6,41.8z"/>
                            </g>
                            <g>
                                <path class="st31" d="M226.7,41.5c-0.1-0.1-0.1-0.3-0.1-0.5v-7.7c0-0.2,0-0.3,0.1-0.5l-8.7-8.7c-3.2,3.3-5.2,7.9-5.2,12.9
                                    c0,5.1,2,9.7,5.3,13L226.7,41.5z"/>
                            </g>
                        </g>
                        <g>
                            <rect x="5" y="27.1" class="st41" width="211.3" height="92.9"/>
                            <g class="st51">
                                <path class="st31" d="M34.5,68.4v-6l21.7,0v19c-3.3,2.7-6.8,4.7-10.3,6c-3.5,1.3-7.2,2-10.9,2c-5,0-9.6-1.1-13.7-3.2
                                    c-4.1-2.2-7.2-5.3-9.3-9.3c-2.1-4.1-3.1-8.6-3.1-13.7c0-5,1-9.6,3.1-14c2.1-4.3,5.1-7.5,9-9.6c3.9-2.1,8.4-3.1,13.5-3.1
                                    c3.7,0,7,0.6,10,1.8c3,1.2,5.3,2.9,7,5c1.7,2.1,3,4.9,3.9,8.4l-6.1,1.7c-0.8-2.6-1.7-4.7-2.9-6.1c-1.1-1.5-2.8-2.7-4.9-3.6
                                    c-2.1-0.9-4.5-1.3-7.1-1.3c-3.1,0-5.8,0.5-8,1.4c-2.3,0.9-4.1,2.2-5.5,3.7c-1.4,1.5-2.5,3.2-3.2,5.1c-1.3,3.2-2,6.6-2,10.3
                                    c0,4.6,0.8,8.4,2.4,11.5c1.6,3.1,3.9,5.4,6.9,6.8s6.2,2.2,9.6,2.2c2.9,0,5.8-0.6,8.6-1.7c2.8-1.1,4.9-2.3,6.4-3.6v-9.5H34.5z"/>
                            </g>
                            <g class="st51">
                                <path class="st21" d="M99.8,37.2h6.8v29.6c0,5.1-0.6,9.2-1.7,12.3c-1.2,3-3.3,5.5-6.3,7.4c-3,1.9-7,2.8-12,2.8
                                    c-4.8,0-8.7-0.8-11.8-2.5c-3.1-1.7-5.2-4-6.5-7.2c-1.3-3.1-2-7.4-2-12.8V37.2H73v29.5c0,4.4,0.4,7.7,1.2,9.8
                                    c0.8,2.1,2.2,3.7,4.3,4.9c2,1.1,4.5,1.7,7.4,1.7c5,0,8.5-1.1,10.7-3.4c2.1-2.3,3.2-6.6,3.2-13V37.2z"/>
                            </g>
                            <g class="st51">
                                <path class="st01" d="M112.2,88.4l19.7-51.2h7.3l21,51.2h-7.7l-6-15.5H125l-5.6,15.5H112.2z M127,67.4h17.4L139,53.2
                                    c-1.6-4.3-2.8-7.8-3.6-10.6c-0.7,3.3-1.6,6.5-2.8,9.8L127,67.4z"/>
                            </g>
                            <g class="st51">
                                <path class="st11"
                                      d="M165.4,88.4V37.2h7l26.9,40.2V37.2h6.5v51.2h-7l-26.9-40.2v40.2H165.4z"/>
                            </g>
                        </g>
                    </g>
                    <g id="图层_3">
                        <rect x="32.4" y="94.5" class="st41" width="156.4" height="14.1"/>
                        <g class="st51">
                            <path class="st61" d="M32.9,101l0.9-0.1c0,0.4,0.1,0.7,0.3,0.9c0.2,0.2,0.4,0.4,0.7,0.6c0.3,0.1,0.7,0.2,1.1,0.2
                                c0.4,0,0.7-0.1,1-0.2c0.3-0.1,0.5-0.3,0.6-0.5c0.1-0.2,0.2-0.4,0.2-0.6c0-0.2-0.1-0.4-0.2-0.6s-0.4-0.3-0.7-0.4
                                c-0.2-0.1-0.6-0.2-1.3-0.4c-0.7-0.2-1.2-0.3-1.4-0.5c-0.4-0.2-0.6-0.4-0.8-0.7c-0.2-0.3-0.3-0.6-0.3-0.9c0-0.4,0.1-0.7,0.3-1
                                c0.2-0.3,0.5-0.6,0.9-0.7c0.4-0.2,0.9-0.3,1.4-0.3c0.5,0,1,0.1,1.5,0.3c0.4,0.2,0.7,0.4,1,0.8c0.2,0.3,0.3,0.7,0.4,1.2l-0.9,0.1
                                c-0.1-0.5-0.2-0.8-0.5-1.1s-0.7-0.4-1.3-0.4c-0.6,0-1,0.1-1.3,0.3c-0.3,0.2-0.4,0.5-0.4,0.8c0,0.3,0.1,0.5,0.3,0.7
                                c0.2,0.2,0.7,0.3,1.5,0.5s1.3,0.3,1.6,0.5c0.4,0.2,0.7,0.5,1,0.8s0.3,0.7,0.3,1.1c0,0.4-0.1,0.8-0.3,1.1c-0.2,0.3-0.6,0.6-1,0.8
                                c-0.4,0.2-0.9,0.3-1.4,0.3c-0.7,0-1.2-0.1-1.7-0.3s-0.8-0.5-1.1-0.9S32.9,101.5,32.9,101z"/>
                            <path class="st61" d="M44.4,103.4v-3.1L41.6,96h1.2l1.5,2.2c0.3,0.4,0.5,0.8,0.8,1.3c0.2-0.4,0.5-0.8,0.8-1.3l1.4-2.2h1.1l-3,4.3
                                v3.1H44.4z"/>
                            <path class="st61" d="M51.2,101l0.9-0.1c0,0.4,0.1,0.7,0.3,0.9c0.2,0.2,0.4,0.4,0.7,0.6c0.3,0.1,0.7,0.2,1.1,0.2
                                c0.4,0,0.7-0.1,1-0.2c0.3-0.1,0.5-0.3,0.6-0.5c0.1-0.2,0.2-0.4,0.2-0.6c0-0.2-0.1-0.4-0.2-0.6s-0.4-0.3-0.7-0.4
                                c-0.2-0.1-0.6-0.2-1.3-0.4c-0.7-0.2-1.2-0.3-1.4-0.5c-0.4-0.2-0.6-0.4-0.8-0.7c-0.2-0.3-0.3-0.6-0.3-0.9c0-0.4,0.1-0.7,0.3-1
                                c0.2-0.3,0.5-0.6,0.9-0.7c0.4-0.2,0.9-0.3,1.4-0.3c0.5,0,1,0.1,1.5,0.3c0.4,0.2,0.7,0.4,1,0.8c0.2,0.3,0.3,0.7,0.4,1.2l-0.9,0.1
                                c-0.1-0.5-0.2-0.8-0.5-1.1s-0.7-0.4-1.3-0.4c-0.6,0-1,0.1-1.3,0.3c-0.3,0.2-0.4,0.5-0.4,0.8c0,0.3,0.1,0.5,0.3,0.7
                                c0.2,0.2,0.7,0.3,1.5,0.5s1.3,0.3,1.6,0.5c0.4,0.2,0.7,0.5,1,0.8s0.3,0.7,0.3,1.1c0,0.4-0.1,0.8-0.3,1.1c-0.2,0.3-0.6,0.6-1,0.8
                                c-0.4,0.2-0.9,0.3-1.4,0.3c-0.7,0-1.2-0.1-1.7-0.3s-0.8-0.5-1.1-0.9S51.2,101.5,51.2,101z"/>
                            <path class="st61" d="M62.6,103.4v-6.5h-2.4V96H66v0.9h-2.5v6.5H62.6z"/>
                            <path class="st61" d="M69.3,103.4V96h5.4v0.9h-4.4v2.3h4.1v0.9h-4.1v2.5h4.5v0.9H69.3z"/>
                            <path class="st61" d="M78.4,103.4V96h1.5l1.8,5.2c0.2,0.5,0.3,0.9,0.4,1.1c0.1-0.3,0.2-0.7,0.4-1.2l1.8-5.2h1.3v7.4h-0.9v-6.2
                                l-2.2,6.2h-0.9l-2.1-6.3v6.3H78.4z"/>
                            <path class="st61" d="M94.4,103.4V96h1v6.5H99v0.9H94.4z"/>
                            <path class="st61" d="M101.6,103.4l2.8-7.4h1.1l3,7.4h-1.1l-0.9-2.2h-3.1l-0.8,2.2H101.6z M103.8,100.3h2.5l-0.8-2.1
                                c-0.2-0.6-0.4-1.1-0.5-1.5c-0.1,0.5-0.2,0.9-0.4,1.4L103.8,100.3z"/>
                            <path class="st61" d="M111.6,103.4V96h2.8c0.6,0,1,0.1,1.4,0.2c0.3,0.2,0.6,0.4,0.8,0.7c0.2,0.3,0.3,0.6,0.3,1
                                c0,0.3-0.1,0.6-0.3,0.9s-0.4,0.5-0.8,0.7c0.4,0.1,0.8,0.4,1,0.7c0.2,0.3,0.4,0.7,0.4,1.1c0,0.3-0.1,0.7-0.2,1
                                c-0.1,0.3-0.3,0.5-0.5,0.7c-0.2,0.2-0.5,0.3-0.8,0.4c-0.3,0.1-0.7,0.1-1.2,0.1H111.6z M112.5,99.1h1.6c0.4,0,0.7,0,0.9-0.1
                                c0.2-0.1,0.4-0.2,0.6-0.4c0.1-0.2,0.2-0.4,0.2-0.6c0-0.2-0.1-0.5-0.2-0.6c-0.1-0.2-0.3-0.3-0.5-0.4c-0.2-0.1-0.6-0.1-1.1-0.1h-1.5
                                V99.1z M112.5,102.5h1.8c0.3,0,0.5,0,0.7,0c0.2,0,0.4-0.1,0.6-0.2c0.2-0.1,0.3-0.2,0.4-0.4c0.1-0.2,0.1-0.4,0.1-0.6
                                c0-0.3-0.1-0.5-0.2-0.7c-0.1-0.2-0.3-0.3-0.6-0.4c-0.3-0.1-0.6-0.1-1.1-0.1h-1.7V102.5z"/>
                            <path class="st61" d="M120.5,99.8c0-1.2,0.3-2.2,1-2.9s1.5-1,2.6-1c0.7,0,1.3,0.2,1.9,0.5c0.5,0.3,1,0.8,1.3,1.4
                                c0.3,0.6,0.4,1.2,0.4,2c0,0.8-0.2,1.4-0.5,2c-0.3,0.6-0.7,1-1.3,1.3c-0.6,0.3-1.2,0.5-1.8,0.5c-0.7,0-1.3-0.2-1.9-0.5
                                c-0.5-0.3-1-0.8-1.2-1.4C120.6,101,120.5,100.4,120.5,99.8z M121.5,99.8c0,0.9,0.2,1.6,0.7,2.1c0.5,0.5,1.1,0.8,1.8,0.8
                                c0.7,0,1.3-0.3,1.8-0.8c0.5-0.5,0.7-1.3,0.7-2.2c0-0.6-0.1-1.1-0.3-1.6c-0.2-0.4-0.5-0.8-0.9-1s-0.8-0.4-1.3-0.4
                                c-0.7,0-1.3,0.2-1.8,0.7S121.5,98.7,121.5,99.8z"/>
                            <path class="st61" d="M131.1,103.4V96h3.3c0.7,0,1.2,0.1,1.5,0.2c0.3,0.1,0.6,0.4,0.8,0.7s0.3,0.7,0.3,1.1c0,0.5-0.2,1-0.5,1.3
                                c-0.3,0.4-0.9,0.6-1.6,0.7c0.3,0.1,0.5,0.2,0.6,0.4c0.3,0.3,0.6,0.6,0.8,1l1.3,2h-1.2l-1-1.5c-0.3-0.4-0.5-0.8-0.7-1
                                c-0.2-0.2-0.4-0.4-0.5-0.5c-0.1-0.1-0.3-0.2-0.4-0.2c-0.1,0-0.3,0-0.5,0h-1.1v3.3H131.1z M132.1,99.2h2.1c0.4,0,0.8,0,1.1-0.1
                                c0.3-0.1,0.4-0.2,0.6-0.4c0.1-0.2,0.2-0.4,0.2-0.7c0-0.4-0.1-0.6-0.4-0.9c-0.3-0.2-0.7-0.3-1.2-0.3h-2.3V99.2z"/>
                            <path class="st61" d="M140,103.4l2.8-7.4h1.1l3,7.4h-1.1l-0.9-2.2h-3.1l-0.8,2.2H140z M142.1,100.3h2.5l-0.8-2.1
                                c-0.2-0.6-0.4-1.1-0.5-1.5c-0.1,0.5-0.2,0.9-0.4,1.4L142.1,100.3z"/>
                            <path class="st61" d="M151.1,103.4v-6.5h-2.4V96h5.9v0.9h-2.5v6.5H151.1z"/>
                            <path class="st61" d="M157.3,99.8c0-1.2,0.3-2.2,1-2.9s1.5-1,2.6-1c0.7,0,1.3,0.2,1.9,0.5c0.5,0.3,1,0.8,1.3,1.4
                                c0.3,0.6,0.4,1.2,0.4,2c0,0.8-0.2,1.4-0.5,2c-0.3,0.6-0.7,1-1.3,1.3c-0.6,0.3-1.2,0.5-1.8,0.5c-0.7,0-1.3-0.2-1.9-0.5
                                c-0.5-0.3-1-0.8-1.2-1.4C157.4,101,157.3,100.4,157.3,99.8z M158.3,99.8c0,0.9,0.2,1.6,0.7,2.1c0.5,0.5,1.1,0.8,1.8,0.8
                                c0.7,0,1.3-0.3,1.8-0.8c0.5-0.5,0.7-1.3,0.7-2.2c0-0.6-0.1-1.1-0.3-1.6c-0.2-0.4-0.5-0.8-0.9-1s-0.8-0.4-1.3-0.4
                                c-0.7,0-1.3,0.2-1.8,0.7S158.3,98.7,158.3,99.8z"/>
                            <path class="st61" d="M167.9,103.4V96h3.3c0.7,0,1.2,0.1,1.5,0.2c0.3,0.1,0.6,0.4,0.8,0.7s0.3,0.7,0.3,1.1c0,0.5-0.2,1-0.5,1.3
                                c-0.3,0.4-0.9,0.6-1.6,0.7c0.3,0.1,0.5,0.2,0.6,0.4c0.3,0.3,0.6,0.6,0.8,1l1.3,2h-1.2l-1-1.5c-0.3-0.4-0.5-0.8-0.7-1
                                c-0.2-0.2-0.4-0.4-0.5-0.5c-0.1-0.1-0.3-0.2-0.4-0.2c-0.1,0-0.3,0-0.5,0h-1.1v3.3H167.9z M168.9,99.2h2.1c0.4,0,0.8,0,1.1-0.1
                                c0.3-0.1,0.4-0.2,0.6-0.4c0.1-0.2,0.2-0.4,0.2-0.7c0-0.4-0.1-0.6-0.4-0.9c-0.3-0.2-0.7-0.3-1.2-0.3h-2.3V99.2z"/>
                            <path class="st61" d="M179.5,103.4v-3.1l-2.9-4.3h1.2l1.5,2.2c0.3,0.4,0.5,0.8,0.8,1.3c0.2-0.4,0.5-0.8,0.8-1.3l1.4-2.2h1.1l-3,4.3
                                v3.1H179.5z"/>
                        </g>
                    </g>
                    </svg></a>
                </span>
        </div>
    </div>
    <div class="info">
        <div class="guanslab">
            <h1>GUANS Lab @ Kent State University</h1>
            <p>
                We are a computer science research group at the Kent State University. Our aim is to design
                next-generation hybrid hetrogenous HPC-Cloud computing systems and workflow tools for current HPC, Big
                Data, and Deep Learning AI communities.
            </p>
        </div>
        <div class="contact">
            <p>
                Contact:</br>
                MSB 160, Kent State University</br>
                Kent, OH, 44240</br>
                USA     </br>
            </p>
        </div>
    </div>
</footer>
</body>
</html>
